接續昨天的進度,現在地圖上的圖標已經能按照資料集的經緯度精確標出位置,並在圖標上方顯示道路名稱與里程數。然而,僅有這些資訊是不夠的,我們需要提供一個更豐富的互動...
前言 今天要做另一個重要功能,我們要讓使用者能根據選擇的公路類型(國道/省道)和輸入的里程數,從預載的 CSV 資料中進行搜尋,並在地圖上精準標示出對應的地理位...
前言 第一個進行的 issue 是「里程定位與地圖顯示」,先用 VS code 來看一下這兩份 CSV(省道與國道)長什麼樣子: 我們現在的目標是,讀取 CS...
前言 在我們開始繪製使用者介面之前,我們將先聚焦在使用者流程 (User Flow)。 這就好比建築師在蓋房子前,不會先煩惱沙發要買什麼顏色,而是會先畫出整棟建...
優化新增任務輸入欄位• 提示文字:「輸入新任務」• 可以按加號新增任務,也可以按 Enter 鍵新增 TextField( controller: _te...
新增互動功能在 To-Do List App 中,我們要讓使用者可以新增 to_do 項目。•在 MyHomePageState 中新增一個 TextEdit...
建立可互動的待辦清單•修改位子 : 在 MyHomePage 的 _MyHomePageState 裡面,原本的靜態 ListView 改成動態 List...
今天的目標就是讓清單可以「互動」,讓使用者能夠勾選任務是否完成,讓應用程式更接近真實的使用情境 建立 TodoItem 資料模型• 我們會先新增一個 Tod...
移除預設計數器功能Flutter 專案預設會有一個計數器功能,包括 counter 變數與 FloatingActionButton。因為我們今天要建立的是代...
建立 Flutter 專案• 打開 Android Studio → 選 New Flutter Project → Flutter Application...
安裝 Dart 插件• 打開 Android Studio → File → Settings → Plugins• 搜尋 Dart → 點 Install...
經過了前兩天嚴謹的單元與整合測試,已經為App的內在品質建立了後盾。現在是時候將目光從內部轉向外部,為我們的App打造一個吸引人的「第一印象」了。畢竟,在使用者...
安裝 Flutter SDK• 前往 https://docs.flutter.dev/get-started/install/windows ,選擇 Win...
To-Do List App 是什麼?To-Do List App 是用來管理每日待辦事項的應用程式,功能包括新增待辦、標記完成、刪除任務,未來可按日期或類...
三十天鐵人賽,沒想到真的到了尾聲!! 第一天是0,結尾是29! 第一階段是0-13,花了兩週的時間去了解這個議題。 從生理追蹤開始梳理「荷爾蒙週期」,了解身邊...
前言 今天會把dart裡常用的constructor介紹完畢,並且會進到Iterable collections的範圍,Iterables是dart應用程式中最...
去年寫了兩篇如何在瀏覽網頁時,把當前的網頁儲存成 epub 檔案的說明。 電子書閱讀器上的瀏覽器 [Day15] 網頁匯出成 epub 檔案 (I) 介紹 ep...
雖然作為結尾也還算切題,但仔細想想或許更應該把它放在這系列的開頭?我想這可能是個雞生蛋蛋生雞的問題。如果不先討論我們為什麼要瞭解Flutter這麼多的實作細節和...
上一篇我們講到RenderObject layout和Widget/Element build的演算法是如何幫助Flutter迅速的處理節點數量龐大的渲染樹,以...
我們在上一篇提到,Flutter之所以有三顆渲染樹,而其中的各種演算法和機制之所以如此複雜,一切都是為了支援Flutter激進式複合的設計理念,讓我們可以在開發...
如果你有在Follow這系列的話,應該會注意到我們每次談到關於三顆渲染樹中的細節時,事情總是會變得非常有趣。具體上來說,我指的是這幾篇的內容: days[4...
在這個畫面上想要呈現的資訊是列表狀,讓用戶能夠更直觀的方式去滑動到他想要看到的資訊。再加上手勢下滑更新,隨時可以自己手動掌握最新的動態。若網路錯誤或是後端回傳...
在 Day 12 設定 toolbar 的時候,某個屬性需要依 API 版本調整,相對應來說就需要對應的測試機來看看畫面。因應這個插曲,想到手上的裝置是 And...
類似之前的為什麼build()在State裡?,這也是我剛開始學Flutter的時候,心裡曾經出現的小小疑問。如果你有在看這系列,應該會常常看到我使用Timer...
上一篇我們談到整個Flutter App+Framework在Web上可以直接編譯成Javascript來執行,而Flutter Framework在最終產出L...
Convert 在開發的時候有時需要存一些我們產生出來的類別型態到 SQLite 中,但 SQLite 本身並不支援這種型態,因此在寫入前需要先做一次轉換,讓他...
就和之前提的狀態管理一樣,Web的支援在Flutter社群也是一個熱門到有點好笑的話題,幾乎每一兩週就會有人問「現在stable了嗎?」「可以上producti...
自行開發若沒有設計師的提供的畫面,工程師要如何想像呢? Material Design 對 Android 工程師來說,對 Material Design 並不...
雖然說這個系列到目前為止的主軸是介紹一些Flutter底層實作,或是一些設計模式、觀念、函式庫的分析等等,其實最初的目標就是只希望可以寫一些沒有被寫過一百遍的東...
Jetpack 相信在過去幾天的文章有提到多次 Jetpack ,那什麼又是Jetpack 呢? Android Jetpack was inspired...